<!DOCTYPE HTML>
<html>
  <head>
	{% block meta %}
	<link rel="stylesheet" href="/static/base.css" type="text/css"/>
	<script type="text/javascript" src="/static/jquery-1.4.4.min.js"></script>
	<script type="text/javascript">
	  $("#loading").ajaxStart(function(){
	  $(this).text("loading").show("slow");
	  });
	  $("#loading").ajaxSuccess(function(){
	  $(this).hide("slow");
	  });
	</script>
	{% end %}
	{% block script %}
	{% end %}
	<title>{% block title %} Admin {% end %}</title>
  </head>
  <body>
	<div id="loading">loadding</div>
	<div class="wrapper">
	  <header>
		{% block header %}
		<h1>Amdin Panel</h1>
		{% end %}
		{% block nav %}
		<nav>
		  <a href="#">c1</a>
		</nav>
		{% end %}
	  </header>

	  <div id="ibody clearfix">
		{% block content%}
		<form method="post" id="login" action="/login">
		  <table>
			<tr>
			  <td align="right"><label>e-mail:</label></td><td><input type="text" name="email" /></td>
			</tr>
			<tr>
			  <td align="right"><label>password:</label></td><td><input type="password" name="password" /></td>
			</tr>
			<tr>
			  <td><input type="submit" name="" value="login" class="btn"/></td><td></td>
			</tr>
		  </table>
		</form>
		{% end %}
	  </div>
	
	  <footer>
		{% block footer %}
		<img src="/static/HTML5_Logo_32.png" width="32" style="margin-bottom:10px"/>
		<img src="/static/bpsky.png" width="32" style="margin-bottom:10px"/>
		{% end %}
	  </footer>
	
	</div>
  </body>
</html>
